<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 
    iframe框架，用于在页面中嵌入其他页面
      优点: 
          1.可以嵌入其他页面
          2.可以实现局部刷新
          3.重新加载页面时不需要重新加载整个页面，只需要重新加载iframe框架页
      缺点:
          1.增加http请求
          2.框架结构容易造成用户迷惑，比如出现双滚动条
          3.产生多个页面，不易于管理
      
      name属性: 自定义窗口名字，可以通过a链接的target=""匹配对应的网页加载进来
      frameborder属性: 0,去除iframe的边框，同样可以使用style="border:none"去除边框
  -->
  <a href="http://163.com" target="window">网易</a>
  <a href="http://www.bilibili.com" target="window">B站</a>
   <iframe
    src="http://www.bilibili.com"  name="window" 
    style="width: 800px;height: 800px;border: none;"></iframe>
</body>
</html>